﻿<!doctype html>
<html class="fsvs">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no, minimal-ui">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <title>活动列表</title>
    <script type="text/javascript" src="../../assets/js/common/iss_app_utility.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/iss_app_configure.js?time=20171213174312"></script>
    <style type="text/css">
        html.fsvs
        {
            height: 100%;
            width: 100%;
            position: fixed;
            top: 0;
            left: 0;
            overflow: hidden;
        }
        html.fsvs #fsvs-body
        {
            -webkit-backface-visibility: hidden;
            -webkit-perspective: 1000;
            position: absolute;
            top: 0;
            left: 0;
            z-index: 1;
            height: 100%;
            width: 100%;
        }
        html.fsvs #fsvs-body > *
        {
            height: 100%;
            width: 100%;
            overflow: hidden;
            -webkit-backface-visibility: hidden;
            -webkit-perspective: 1000;
        }
    </style>
    <style type="text/css">
     #change
        {
            z-index: 2;
            -webkit-animation: change 12s linear infinite;
        }
    @-webkit-keyframes change
    {
    0%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(180deg);}
    100%{-webkit-transform:rotate(360deg);}
    }
    @-ms-keyframes change
    {
    0%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(180deg);}
    100%{-webkit-transform:rotate(360deg);}
    }
    @keyframes change
    {
    0%{-webkit-transform:rotate(0deg);}
    50%{-webkit-transform:rotate(180deg);}
    100%{-webkit-transform:rotate(360deg);}
    }
    </style>
    <style type="text/css">
    .space {
    width: 100%;
    height: 100%;
    background: #121212;
}
.star {
    display: block;
    width: 5px;
    height: 5px;
    border-radius: 50%;
    background: #FFF;
    top: 100px;
    left: 400px;
    position: absolute;
    transform-origin: 100% 0;
    animation: star-ani 6s infinite ease-out;
    box-shadow: 0 0 5px 5px rgba(255, 255, 255, .3);
    opacity: 0;
    z-index: 6;
}
.star:after {
    content: '';
    display: block;
    top: 0px;
    left: 4px;
    border: 0px solid #fff;
    border-width: 0px 90px 2px 90px;
    border-color: transparent transparent transparent rgba(255, 255, 255, .3);
    transform: rotate(-45deg) translate3d(1px, 3px, 0);
    box-shadow: 0 0 1px 0 rgba(255, 255, 255, .1);
    transform-origin: 0% 100%;
    animation: shooting-ani 1s infinite ease-out;
}
.pink {
    top: 30px;
    left: 395px;
    background: #ff5a99;
    animation-delay: 5s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    
}
.pink:after {
    border-color: transparent transparent transparent #ff5a99;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
}
.blue {
    top: 35px;
    left: 432px;
    background: cyan;
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
}
.blue:after {
    border-color: transpareanimation-delay: 2s;
    -webkit-animation-delay: 1s;
    -moz-animation-delay: 1s;
    animation-delay: 1s;
}
.yellow {
    top: 50px;
    left: 600px;
    background: #ffcd5c;
    animation-delay: 2s;
}
.yellow:after {
    border-color: transparent transparent transparent #ffcd5c;
    animation-delay: 2s;
}
@keyframes star-ani {
    0% {
        opacity: 0;
        transform: scale(0) rotate(0) translate3d(0, 0, 0);
        -webkit-transform: scale(0) rotate(0) translate3d(0, 0, 0);
        -moz-transform: scale(0) rotate(0) translate3d(0, 0, 0);
    }
    50% {
        opacity: 1;
        transform: scale(1) rotate(0) translate3d(-200px, 200px, 0);
        -webkit-transform: scale(1) rotate(0) translate3d(-200px, 200px, 0);
        -moz-transform: scale(1) rotate(0) translate3d(-200px, 200px, 0);
    }
    100% {
        opacity: 0;
        transform: scale(1) rotate(0) translate3d(-300px, 300px, 0);
        -webkit-transform: scale(1) rotate(0) translate3d(-300px, 300px, 0);
        -moz-transform: scale(1) rotate(0) translate3d(-300px, 300px, 0);
    }
}
    </style>
</head>
<body>
    <div class="statusbar-overlay">
    </div>
    <div class="panel-overlay">
    </div>
    <div class="views">
        <div class="view view-main">
            <!-- navbar 开始 -->
            <div class="navbar theme-white">
                <div class="navbar-inner">
                    <div class="left">
                        <a href="#" data-href="../home/index_new.html" data-action="home" data-panel="left" class="link icon-only">
                            <i class="iconfont icon-shouye"></i></a>
                    </div>
                    <div class="center" style="left: -145.5px;">
                        活动列表
                    </div>
                </div>
            </div>
            <!-- navbar 结束 -->
            <div class="pages navbar-fixed">
                <script id="template-generalactivitydetail" type="text/template7">
                    {{#each datas}}
                    <div id="fsvs-body" style="width: 100%; height: 100%; position: absolute; top: 0;
                        left: 0;">
                        <div class="slide">
                            <div class="page body_bg activityName">
                                <div class="page-content" style="position: relative">
                                    <div class="time">
                                        <div id="activetitle" style="font-size: 16px; color: #fff; padding-bottom: 3px; font-family: 微软雅黑;
                                            margin-left: 11px;">
                                            <h4>
                                                活动举办时间</h4>
                                        </div>
                                        <div id="activetime" style="color: #0e0e0e; font-size: 14px; padding: .1em .4em;
                                            text-align: center; width: 5em; margin: 2% auto 0 auto;">
                                            <p>
                                                {{ActivityBeginTime}}</p>
                                        </div>
                                    </div>
                                    <div class="name">
                                        <img id="change" class="name_bg_img" alt="" src="../../assets/images/common/activy/activityName/tit_name_bg.png" />
                                        <img id="name_img" class="name_txt_img" alt="" src="../../assets/images/common/activy/activityName/tit_name__box_bg.png" />
                                        <div id="div1" style="width: 100%; color: #c06abf; font-size: 30px; position: relative;
                                            top: 50%; z-index: 2; font-family: 微软雅黑">
                                            <h3>
                                                {{ActivityName}}
                                            </h3>
                                        </div>
                                    </div>
                                    <div id="zbdw" class="zbdw">
                                        <h4>
                                            主办单位</h4>
                                        <p>
                                            {{ActivityHostUnit}}</p>
                                    </div>
                                    <div id="cbdw" class="cbdw">
                                        <h4>
                                            承办单位</h4>
                                        <p>
                                            {{ActivityUndertakingUnit}}</p>
                                    </div>
                                    <div id="arrow" style="display: block; width: 7%; height: auto; bottom: 18px; position: absolute;
                                        left: 50%; margin-left: -9px;">
                                        <img src="../../assets/images/common/activy/activityName/arrow.png">
                                    </div>
                                </div>
                                <div class="space">
                                    <div class="stars">
                                        <div class="star">
                                        </div>
                                        <div class="star pink">
                                        </div>
                                        <div class="star blue">
                                        </div>
                                        <div class="star yellow">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="slide">
                            <div class="page body_bg activityIntro">
                                <div class="page-content">
                                    <div id="intromain-tit" class="main-tit">
                                    </div>
                                    <div class="intro-img">
                                        <div id="intro-img-01" class="intro-img-01">
                                            <img src="{{ActivityImgUrls.split(';')[0]}}" />
                                        </div>
                                        <div id="intro-img-02" class="intro-img-02">
                                            <img src="{{ActivityImgUrls.split(';')[1]}}" />
                                        </div>
                                        <div id="intro-img-03" class="intro-img-03">
                                            <img src="{{ActivityImgUrls.split(';')[2]}}" /></div>
                                        <div id="intro-img-04" class="intro-img-04">
                                            <img src="{{ActivityImgUrls.split(';')[3]}}" /></div>
                                    </div>
                                    <div id="content-block" class="content-block">
                                        <p>
                                            {{ActivityIntroduction}}</p>
                                    </div>
                                    <div id="arrow1" style="display: block; width: 7%; height: auto; bottom: 18px; position: absolute;
                                        left: 8%; margin-left: -9px; top: 2%;">
                                        <img src="../../assets/images/common/activy/activityName/arrow.png">
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="slide">
                            <div class="page body_bg activityNote">
                                <div class="page-content">
                                    <div id="nodemain-tit" class="main-tit">
                                    </div>
                                    <div class="note-img-box">
                                        <img id="circle-l" class="circle-l" src="../../assets/images/common/activy/activityNote/circle-_l.png">
                                        <img id="circle-m" class="circle-m" src="../../assets/images/common/activy/activityNote/circle-_m.png">
                                        <img id="circle-s" class="circle-s" src="../../assets/images/common/activy/activityNote/circle-_s.png">
                                        <img class="note-img" src="{{ActivityImgUrls.split(';')[4]}}">
                                    </div>
                                    <div id="content-block" class="content-block">
                                        <p>
                                            {{ActivityRules}}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="slide">
                            <div class="page body_bg activityTime">
                                <div class="page-content">
                                    <div id="timemain-tit" class="main-tit">
                                    </div>
                                    <div id="time-img" class="time-img">
                                        <img src="{{ActivityImgUrls.split(';')[5]}}">
                                    </div>
                                    <div id="content-block" class="content-block">
                                        <p>
                                            {{ActivityFlow}}</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="slide">
                            <div class="page body_bg activityWay">
                                <div class="page-content">
                                    <div class="way">
                                        <img class="way_bg_img" src="../../assets/images/common/activy/joinWay/way_tit_bg.png">
                                        <img class="way_txt_img" src="../../assets/images/common/activy/joinWay/way_tit_box_bg.png">
                                    </div>
                                    <div class="content-block-title">
                                        参赛规则1</div>
                                    <div class="content-block">
                                        {{ActivityIntroduction}}
                                    </div>
                                    <a href="#" data-href="wechatAcitvityRegister.html?ActivityGuid={{ActivityGuid}}" id="preOrder"><img class="bm_btn" src="../../assets/images/common/activy/joinWay/bm_btn.png"></a>
                                    

                                </div>
                            </div>
                        </div>
                    </div>
                      {{/each}}
                </script>
            </div>
        </div>
    </div>
    <!-- 外部链接 -->
    <script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
    <!-- Framework7 Library JS-->
    <script type="text/javascript" src="../../assets/js/base/framework7.min.js?time=20171213174312"></script>
    <!-- Api -->
    <script type="text/javascript" src="../../assets/js/base/iss_api_base64.js?time=20171213174312"></script>
    <!-- Third -->
    <script type="text/javascript" src="../../assets/js/velocity/jquery-1.11.0.min.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/velocity/fsvs.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/velocity/velocity.min.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/velocity/velocity.ui.min.js?time=20171213174312"></script>
    <!-- App js-->
    <script type="text/javascript" src="../../assets/js/common/iss_app.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_common_user.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_app_convertor.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/base/iss_api_base64.js?time=20171213174312"></script>     <script type="text/javascript" src="../../assets/js/base/iss_api_md5.js?time=20171213174312"></script>     <script type="text/javascript" src="../../assets/js/common/iss_view_login.js?time=20171213174312"></script>
    <script type="text/javascript" src="../../assets/js/common/iss_view_wechatAcitvity.js?time=20171213174312"></script>
</body>
</html>
